<script setup>
import { ref,reactive, nextTick,onActivated,getCurrentInstance,onMounted, watch  } from 'vue'; 
import { useRoute,useRouter } from 'vue-router';
import { ElMessage,ElMessageBox  } from 'element-plus';
import FreightTemp from './Components/FreightTemp.vue';
import AddressDatabase from './Components/AddressDatabase.vue';
import StoreStrategy from './Components/StoreStrategy.vue';
const activeName = ref('freightTemp');
</script>
<template>
    <div class="page-contain">
        <el-tabs v-model="activeName" class="demo-tabs" >
            <el-tab-pane label="运费模版" name="freightTemp">
                <FreightTemp v-if="activeName == 'freightTemp'"></FreightTemp>
            </el-tab-pane>
            <el-tab-pane label="地址库" name="addressDatabase">
                <AddressDatabase v-if="activeName == 'addressDatabase'"></AddressDatabase>
            </el-tab-pane>
            <el-tab-pane label="店铺运费策略" name="storeStrategy">
                <StoreStrategy v-if="StoreStrategy"></StoreStrategy>
            </el-tab-pane>
        </el-tabs>
    </div>
</template>
<style lang="less" scoped>
.page-contain{
    width: 100%;
    height: 100%;
}
</style>